<article class="article-item">
    {if $item.images && count($item.images_list)>1}
    <div class="gallery-article">
        <h3 class="article-title">
            <a href="{$item.url|htmlentities}" {if $item.style}style="{$item.style_text|htmlentities}"{/if}>{:$item->highlight(htmlentities($item->title), $__SEARCHTERM__??'')}</a>
        </h3>
        <div class="row">
            {volist name="item.images_list" id="img" length="4"}
            <div class="col-sm-3 col-xs-6">
                <a href="{$item.url|htmlentities}" class="img-zoom">
                    <div class="embed-responsive embed-responsive-4by3">
                        <img src="{$img|htmlentities}" alt="{$item.title|htmlentities}" class="embed-responsive-item">
                    </div>
                </a>
            </div>
            {/volist}
        </div>
        <div class="media">
            <div class="media-body ml-0">
                <div class="article-intro">
                    {$item.description|htmlentities}
                </div>
                <div class="article-tag">
                    <a href="{$item.channel.url|default='javascript:'}" class="tag tag-primary">{$item.channel.name|default='未知'|htmlentities}</a>
                    <span itemprop="date">{:date("Y年m月d日", $item['publishtime'])}</span>
                    <span class="hidden-xs" itemprop="likes" title="点赞次数"><i class="fa fa-thumbs-up"></i> {$item.likes|htmlentities} 点赞</span>
                    <span class="hidden-xs" itemprop="comments"><a href="{$item.url|htmlentities}#comments" target="_blank" title="评论数"><i class="fa fa-comments"></i> {$item.comments|htmlentities}</a> 评论</span>
                    <span class="hidden-xs" itemprop="views" title="浏览次数"><i class="fa fa-eye"></i> {$item.views|htmlentities} 浏览</span>
                </div>
            </div>
        </div>
    </div>
    {else/}
    <div class="media">
        <div class="media-left">
            <a href="{$item.url|htmlentities}">
                <div class="embed-responsive embed-responsive-4by3 img-zoom">
                    <img src="{$item.image|htmlentities}" alt="{$item.title|htmlentities}">
                </div>
            </a>
        </div>
        <div class="media-body">
            <h3 class="article-title">
                <a href="{$item.url|htmlentities}" {if $item.style}style="{$item.style_text|htmlentities}"{/if}>{:$item->highlight(htmlentities($item->title), $__SEARCHTERM__??'')}</a>
            </h3>
            <div class="article-intro">
                {$item.description|htmlentities}
            </div>
            <div class="article-tag">
                <a href="{$item.channel.url|default='javascript:'}" class="tag tag-primary">{$item.channel.name|default='未知'|htmlentities}</a>
                <span itemprop="date">{:date("Y年m月d日", $item['publishtime'])}</span>
                <span class="hidden-xs" itemprop="likes" title="点赞次数"><i class="fa fa-thumbs-up"></i> {$item.likes|htmlentities} 点赞</span>
                <span class="hidden-xs" itemprop="comments"><a href="{$item.url|htmlentities}#comments" target="_blank" title="评论数"><i class="fa fa-comments"></i> {$item.comments|htmlentities}</a> 评论</span>
                <span class="hidden-xs" itemprop="views" title="浏览次数"><i class="fa fa-eye"></i> {$item.views|htmlentities} 浏览</span>
            </div>
        </div>
    </div>
    {/if}
</article>
